<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>评论页面作业</title>
		<style>
			#waikuang{
				width: 100%;
				height: 100px;
				border: 2px soild #a0a0a0;
			}
			.xian{
				width: 90%;
				height: 1px;
				background-color: #a0a0a0;
				margin: 10px 0;
				margin: 0 auto;
				margin-top: 30px;
			}
			div a{
				border:1px solid #ccc;
				padding: 8px;
				margin-left:5px;
			    border-radius:5px;
			}
			#number{
				margin-left:13px;
				margin-top: 145px;
			}
			
			#center{
				border:1px solid transparent;
				margin-top: -22px;
						
			}	
		</style>
	</head>
	<body>
		<div class="waikuang">
			<div class="xian"></div>
		</div>
				<div id="number">
				 <a href="#">2</a>
					<a href="#">3</a>
						<a href="#">4</a>
							<a href="#">5</a>
								<a href="#">6</a>
								</div>
					<div id="center">1</div>				
	</body>
</html>